Ext.define('ES.view.componentDetail.CommentsComp',{
	extend:'Ext.container.Container',
	alias:'widget.commentscomp',
	requires:['Ext.container.Container'],
	width:'100%',
	height:200,
	autoScroll:true,
	config:{
		comments:[]
	},
	layout:{
		type:'vbox',
		defaultMargins:{top: 15, right: 20, bottom: 5, left: 20}
	},
	onRender:function(){
		var commentArray = new Array();
		Ext.Array.each(this.comments,function(item, index, selfArray){
			var comment = Ext.create('Ext.container.Container',{
				layout:{
					type:'vbox',
					defaultMargins:{top: 10, right: 5, bottom: 0, left: 0}
				},
				width:'100%',
				items:[
					{
						xtype:'container',
						layout:{
							type:'hbox',
							defaultMargins:{top: 0, right: 5, bottom: 0, left: 0}
						},
						items:[
							{
								xtype:'component',
								html:item.from + ' :',
								style:{
									fontWeight:'bold'
								}
							},
							{
								xtype:'component',
								html:' -On ' + item.date,
								style:{
									fontSize:'10'
								}
							}	
						]	
					},
					{
						xtype:'component',
						html:item.text
					}
				]
			})
			commentArray.push(comment);
		});
		this.add(commentArray);
		this.superclass.onRender.call(this);
	}
})